<div class="container">
  <div class="section section-background" style="height:200px{{#if story.background}};background-image:url({{story.background}}!{{backgroundSuffix}}){{/if}}">
    <a class="navbar-brand go" href="/stories"><i class="fa fa-arrow-up"></i> 返回</a>
    <div class="top-actions">
      <a target="_blank" href="/@{{#if story.mark}}{{story.mark}}{{^}}{{story.id}}{{/if}}">预览</a>
      <a class="signout">退出</a>
    </div>
    <a class="replace-background-button" id="replaceBackground">
      <div class="loading"><i class="fa fa-refresh"></i></div>
      <div class="instructions"><i class="fa fa-picture-o"></i></div>
    </a>
  </div>
  <div class="section section-header">
    <a class="profile-image{{#if story.cover}} done{{/if}}" id="profileImage"{{#if story.cover}} style="background-image:url({{story.cover}}!avatar)"{{/if}}>
      <div class="loading"><i class="fa fa-refresh"></i></div>
      <div class="instructions"><i class="fa fa-picture-o"></i></div>
    </a>
    <div class="theme-actions" id="themes">
      <a class="black" data-color="black"></a>
      <a class="gray" data-color="gray"></a>
      <a class="green" data-color="green"></a>
      <a class="blue" data-color="blue"></a>
      <a class="pink" data-color="pink"></a>
      <a class="red" data-color="red"></a>
    </div>
    <div class="method-actions">
      <a class="share" target="_blank" href="/stories/{{story.id}}/share"><i class="fa fa-share-alt"></i><span>分享</span></a>
    </div>
    <div class="content" id="profile">{{> profile story}}</div>
    {{> section-add}}
    <div class="line"></div>
  </div>
  {{#each story.sections}}
    {{> section this}}
  {{/each}}
</div>
